{extend name="Public:base2" /}

{block name="header"}
	{load href="__CSS__/product.css" /}
{/block}

{block name="main"}
	{include file="Public:catnav" /}
	<div class="page-body bus-body">
		<div class="container">
			<div class="title">
				<h2>{$wap_catname}</h2>
				<h3>{$catname} <span></span></h3>
			</div>
			<div class="content case-lists">
				<div class="case-nav">
					<ul>
						{cp:list catid="44" id="r" limit="4" order="listorder desc,id asc" key="i" field="title"}
						<li class="casetabbind {if condition="$i == 1"}active{/if}"><a href="javascript:;">{$r.title}</a></li>
						{/cp:list}
					</ul>
				</div>
				<div class="case-ul">
		

					{cp:list catid="44" id="r" limit="1" order="listorder desc,id asc" key="i" field="content"}
					<div class="case-item" {if condition="$i != 1"}style="display:none;"{/if}>
						{$r.content}
					</div>
					{/cp:list}

					
					<div class="case-item" style="display:none;">
						{cp:list catid="60" id="r"}
						<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
							<div class="img">
								<img src="{$r.thumb}" alt="" width="100%">
								<div class="h3">
									<a href="{$r.url}">
										<h3><span>地产投资</span>{$r.title|str_cut=###,14}</h3>
									</a>
								</div>
							</div>
						</div>
						{/cp:list}
					</div>
					<div class="case-item" style="display:none;">
						{cp:list catid="61" id="r"}
						<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
							<div class="img">
								<img src="{$r.thumb}" alt="" width="100%">
								<div class="h3">
									<a href="{$r.url}">
										<h3><span>股权投资</span>{$r.title|str_cut=###,14}</h3>
									</a>
								</div>
							</div>
						</div>
						{/cp:list}
					</div>
					<div class="case-item" style="display:none;">
						{cp:list catid="62" id="r"}
						<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 item">
							<div class="img">
								<img src="{$r.thumb}" alt="" width="100%">
								<div class="h3">
									<a href="{$r.url}">
										<h3><span>产业投资</span>{$r.title|str_cut=###,14}</h3>
									</a>
								</div>
							</div>
						</div>
						{/cp:list}
					</div>

					<!-- {volist name="list" id="r"}
					<div class="col-md-12 col-lg-6 col-xl-6 item">
						<div class="img">
							<img src="{$r.thumb}" alt="" width="100%">
							<div class="h3">
								<a href="{$r.url}">
									<h3><span>{$Cats[$catid]['catname']}</span>{$r.title|str_cut=###,14} <img src="__IMG__/case-right.png" alt=""></h3>
								</a>
							</div>
						</div>
					</div>
					{/volist} -->
				</div>
				<!-- <div class="cp-pages">{$pages}</div> -->
			</div>
		</div>
	</div>

	<script>
		$('.catnav-lists li:last-of-type').addClass('active');

		$('.casetabbind').click(function(){
			$(this).siblings().removeClass('active');
			$(this).addClass('active');

			$('.case-item').hide();
			$('.case-item').eq($(this).index()).show();
		})
	</script>
{/block}